<template>
  <div>
    <AppHeader />
    <div class="main-content">
      <AppSidebar />
      <div class="content-area">
        <h2>欢迎来到酒店管理系统</h2>
        <p>这里是首页内容。</p>
      </div>
    </div>
    <AppFooter />
  </div>
</template>

<script>
// 导入公共组件
import AppHeader from '@/components/AppHeader.vue'
import AppSidebar from '@/components/AppSidebar.vue'
import AppFooter from '@/components/AppFooter.vue'

export default {
  name: 'AppHome',
  components: {
    AppHeader,
    AppSidebar,
    AppFooter
  }
}
</script>

<style scoped>
.main-content {
  display: flex;
}
.content-area {
  flex: 1;
  padding: 20px;
}
</style>
